<template>
  <div class="attr-list">
    <CommonAttr />
    <px-form>
      <!-- <px-form-item label="镜像翻转">
        <div style="clear: both">
          <px-checkbox
            v-model="
              //@ts-ignore
              curComponent.propValue.flip.horizontal
            "
            label="horizontal"
            >水平翻转</px-checkbox
          >
          <px-checkbox
            v-model="
              //@ts-ignore
              curComponent.propValue.flip.vertical
            "
            label="vertical"
            >垂直翻转</px-checkbox
          >
        </div>
      </px-form-item> -->
      <px-form-item label="URL">
        <px-input
          v-model="
            //@ts-ignores
            curComponent.propValue.url
          "
        />
      </px-form-item>
      <px-form-item label="Name">
        <px-input
          v-model="
            //@ts-ignores
            curComponent.propValue.name
          "
        />
      </px-form-item>
    </px-form>
  </div>
</template>
<script setup lang="ts">
import CommonAttr from "@visual/custom-component/common/CommonAttr.vue";
import { useComponent } from "@visual/stores";
import { storeToRefs } from "pinia";

const componentStore = useComponent();
const { curComponent } = storeToRefs(componentStore);
</script>
